<template>
    <div 
      v-show="false"
    >
    <div id="DomImgzjbl" class="DomImg">
      <div class="A4page">
        <h1>证件办理费用协议</h1>
        <div style="margin-top: 80px">
          <div>
            <p>甲方:</p>
            <p>乙方:</p>
          </div>
          <div>
            <p>
              一、甲方依据相关规定收取乙方培训、考试、办理及发放证件等费用，并依法对乙方提供相关服务。
            </p>
            <p>
              二、乙方必须按甲方规定时间进行培训、考试及取证，因乙方个人原因及行为不能按时参加培训、考试及无法取证者，甲方不予退费。
            </p>
            <p>三、从报名开始，六个月之内必须考完，否则视为自动放弃。</p>
            <p>四、代办人员需将本协议告知学员本人。</p>
            <p>本人已阅读并同意上述协议内容。</p>
          </div>
          <div
            style="height: 300px; width: 460px"
            v-if="formLabelAlign.id_card_photo"
          >
            <img
              style="width: 100%; height: 100%"
              crossOrigin="Anonymous"
              :src="formLabelAlign.id_card_photo + '?' + new Date().getTime()"
              alt=""
            />
          </div>
          <!--  v-if="formLabelAlign.id_card_emblem" -->
          <div
            style="height: 300px; width: 460px"
            v-if="formLabelAlign.id_card_emblem"
          >
            <img
              style="width: 100%; height: 100%"
              crossOrigin="Anonymous"
              :src="formLabelAlign.id_card_emblem + '?' + new Date().getTime()"
              alt=""
            />
          </div>
          <div
            style="
              width: 100%;
              display: flex;
              justify-content: flex-end;
              padding-right: 30px;
              margin-top: 100px;
            "
          >
            <span style="font-size: 30px">承诺人（签字）：</span>
            <img :src="autographPath" style="height: 70px" alt="" />
          </div>
          <div style="width: 100%; display: flex; justify-content: flex-end">
            <span style="font-size: 30px; padding: 0 30px"
              >{{ new Date().getFullYear() }}年</span
            >
            <span style="font-size: 30px; padding: 0 30px"
              >{{ new Date().getMonth() + 1 }}月</span
            >
            <span style="font-size: 30px; padding: 0 30px"
              >{{ new Date().getDate() }}日</span
            >
          </div>
        </div>
      </div>
    </div>
    </div>
  </template>
  
  <script>
  export default {
      props:['autographPath','formLabelAlign'],
      name:'zjbl',
  }
  </script>
  
  <style lang="scss" scoped>
  .DomImg {
    position: absolute;
    z-index: -100;
    top: 0;
    left: 0;
    .A4page {
      width: calc(595px * 2);
      height: calc(840px * 2);
      // background:url('~@/assets/logo/pdfbg.png') no-repeat;
      overflow: hidden;
      -webkit-print-color-adjust: exact;
      color: #000;
      position: relative;
      padding: 70px 70px;
  
      u {
        // text-decoration:underline;
        border-bottom: 1px solid #333;
        // display: inline-block;
        // padding:0 80px;
      }
  
      p {
        margin: 0;
        font-size: 30px;
        line-height: 80px;
      }
  
      h1 {
        text-align: center;
        // font-weight: 600;
        font-size: 40px;
      }
    }
  }
  </style>